<!--
 * @Author: your name
 * @Date: 2021-08-24 14:31:11
 * @LastEditTime: 2021-10-02 16:37:47
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \ewshop\src\components\content\goods\GoodsList.vue
-->
<template>
  <div class="goods">
      <GoodsListItem v-for="item in goods" :product="item" :key="item"></GoodsListItem> 
      
  </div>
</template>

<script>
import GoodsListItem from './GoodsListItem.vue'
export default {
    name:'GoodsList',
    props:{
        goods:{
            type:Array,
            default(){
                return [];
            }
        }
    },
    components:{
        GoodsListItem
    }
}
</script>

<style scoped>
    .goods{
        display: flex;
        flex-wrap: wrap;/* 内容自动换行 */
        justify-content: space-around;/*四周环绕*/
        padding: 5px;

    }
</style>